
.user-wallet-ye-page{
	height: 100vh;
	overflow: hidden;
	.header-box{
		width: 750rpx;
		height: 240rpx;
		position: relative;
		padding: 56rpx 20rpx 0;
		.bg-img{
			width: 100%;
			height: auto;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
		
		.text1{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #FFFFFF;
			line-height: 28rpx;
		}
		.text2{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.text{
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 60rpx;
				color: #FFFFFF;
				line-height: 60rpx;
				margin-top: 16rpx;
			}
			.btn{
				width: 180rpx;
				height: 72rpx;
				background: linear-gradient( 107deg, #FFECD8 0%, #F7D3A9 100%);
				border-radius: 40rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 32rpx;
				color: #603F11;
				line-height: 32rpx;
			}
		}
	}
	
	.main-box{
		width: 100%;
		height: calc(100vh - 240rpx);
		position: relative;
		overflow: auto;
		background: #fff;
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		display: flex;
		flex-direction: column;
		.tab-box{
			width: 750rpx;
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 0rpx 0rpx;
			display: flex;
			.tab{
				width: 50%;
				height: 120rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #999999;
				line-height: 32rpx;
			}
			.is-active{
				font-weight: 600;
				font-size: 36rpx;
				color: #373737;
			}
		}
		
		.list-box{
			flex: 1;
			width: 710rpx;
			overflow: auto;
			margin: 0 auto;
			.item{
				padding: 32rpx 0;
				border-bottom: 1rpx solid #E6E6E6;
				.top-bar{
					display: flex;
					justify-content: space-between;
					align-items: center;
					.label{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 32rpx;
						color: #333333;
						line-height: 32rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						margin-right: 50rpx;
					}
					.value{
						font-family: PingFang SC, PingFang SC;
						font-weight: 600;
						font-size: 32rpx;
						color: #333333;
						line-height: 32rpx;
					}
				}
				
				.footer-bar{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 24rpx;
					.date{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
						line-height: 24rpx;
						
					}
					.type{
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 24rpx;
						color: #FF6211;
						line-height: 24rpx;
					}
				}
				
			}
			
			.style-1{
				.top-bar{
					.value{
						color: #333333;
					}
				}
				.footer-bar{
					.type{
						color: #333333;
					}
				}
			}
			.style-2{
				.top-bar{
					.value{
						color: #FF6211;
					}
				}
				.footer-bar{
					.type{
						color: #FF6211;
					}
				}
			}
			.style-3{
				.top-bar{
					.value{
						color: #1E8AF4;
					}
				}
				.footer-bar{
					.type{
						color: #1E8AF4;
					}
				}
			}
		}
	}
}